<template>
  <div>
    <div class="content-header between-content">
      <div>当前页面：{{ navTitle }}</div>
      <div class="close items-content" @click="backFn">
        <div class="back-img">
          <img src="@/assets/images/back.png" alt="" />
        </div>
        返回
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, defineProps } from "vue";
const props = defineProps({
  navTitle: {
    type: String,
    default: "",
  },
});
import { useRouter } from "vue-router";
const router = useRouter();
function backFn() {
  router.back(-1);
}
</script>

<style lang="less" scoped>
.content-header {
  margin-bottom: 20px;
  color: #696969;
  cursor: pointer;
  .close {
    color: #1e90ff;
    .back-img {
      width: 15px;
      height: 15px;
      margin-right: 5px;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
